<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="/webjars/jquery/jquery.min.js"></script>
<script src="/webjars/sockjs-client/sockjs.min.js"></script>
<script src="/webjars/stomp-websocket/stomp.min.js"></script>
<script src="/js/app.js"></script>
<body>
<div>
    <label for="name">请输入用户名</label>
    <input type="text" id="name" placeholder="用户名">
</div>
<div>
    <label for="room">请输入房间号</label>
    <input type="text" id="room" placeholder="房间号">
</div>

<div>
    <button id="connect" type="button">连接</button>
    <button id="disconnect" type="button" disabled="disabled">断开连接</button>
</div>

<div id="chat" style="display: none">
    <div>
        <label>请输入聊天内容</label>
        <input type="text" id="content" placeholder="聊天内容">
    </div>
    <button id="send" type="button">发送</button>
    <div id="greetings"></div>
    <div id="conversation" style="display: none">正在聊天中........</div>
</div>
</body>
</html>